<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ajax请求文本</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
    <input type="text" id="text">
    <input type="button" id="btn1" value="获取文章">

    <h1></h1>
    <div id="showTestMsg" style="background-color: aquamarine;">默认显示数据</div>
    <script>
        $(function(){
            $("#btn1").click(function(){
                let id = $("#text").val();
                let reg = /^\d{2}$/g
                if(reg.test(id)==false){
                    alert("错误，重输");
                }else{
                     $.get("http://127.0.0.1:8888/index/article/findById?id="+id,function(data){
                    console.log(data.data.content);
                    $("h1").html(data.data.title)
                    $("#showTestMsg").html(data.data.content)

                },"json")
                }

                // url 必须
                // data 传递的数据 可选
                // success成功之后干什么
                // datatype  传递的数据类型 xml html json scrpit jsonp text
               
            })
        })
    </script>
</body>
</html>